<!DOCTYPE html>
<!-- <ui:composition template="/master.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:define name="content"> -->

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
<style>
.align_top {
	vertical-align: top;
}

.letra {
	font: italic;
	font-size: xx-large;
}
</style>
</h:head>
<body>	
 <h:form id="form" enctype="multipart/form-data">
				
			<br/>
		<p:dataTable id="radioDT" var="prop" value="#{activarPropietarioBean.listaTablaFiltrada}" selection="#{activarPropietarioBean.propietarioSelected}" 
		rowKey="#{prop.persona.idPersona}"
        					style="width:50%" rows="5" paginator="true"
					paginatorPosition="bottom"
					paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}">
        <f:facet name="header">
            Listado de Propietarios
        </f:facet>
        <p:column selectionMode="single" style="width:16px;text-align:center"/>
                   <p:column headerText="Propietario" style="text-align:left">
						<h:outputText value="#{prop.persona.apellido}, #{prop.persona.nombre}" />
					</p:column>
					
					<p:column headerText="Documento" style="text-align:left">
								<h:outputText value="#{prop.persona.nroDocumento}" />
					</p:column>
					
					<p:column headerText="Empresa" style="text-align:left">
					           <h:outputText value="#{prop.empresa.razonSocial}" />
					</p:column>
					
			
					<p:column headerText="Estado" style="text-align:left">
								<h:outputText value="#{prop.persona.usuarios.estadousuario.nombreEstadoUsuario}" />
					</p:column>	
        <f:facet name="footer">
            <p:commandButton process="radioDT" update=":form:propDetail" icon="ui-icon-search" value="Detalle" oncomplete="PF('propDialog').show()" />
        </f:facet>
    </p:dataTable>
		
    <p:dialog header="Detalle del Propietario" widgetVar="propDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="false">
        <p:outputPanel id="propDetail" style="text-align:center;">
            <p:panelGrid  columns="2" rendered="#{not empty activarPropietarioBean.propietarioSelected}" columnClasses="label,value">
 
                <h:outputText value="Propietario:" />
                <h:outputText value="#{activarPropietarioBean.propietarioSelected.persona.apellido}, #{activarPropietarioBean.propietarioSelected.persona.nombre}" />
 
                <h:outputText value="Documento" />
                <h:outputText value="#{activarPropietarioBean.propietarioSelected.persona.nroDocumento}" />
 
                <h:outputText value="Empresa" />
                <h:outputText value="#{activarPropietarioBean.propietarioSelected.empresa.razonSocial}" />
 
                <h:outputText value="Estado" />
                <h:outputText value="#{activarPropietarioBean.propietarioSelected.persona.usuarios.estadousuario.nombreEstadoUsuario}" />
                
						<h:outputLabel value="Tipo de Suscripción:" />
						<p:selectOneMenu id="comboTipoSusc"
							converter="tipoSuscripcionConverter"
							value="#{activarPropietarioBean.tipoSuscripcionSelected}" effect="fade" var="c"
							filter="true" filterMatchMode="startsWith">

							<f:selectItems var="car" value="#{activarPropietarioBean.listTipoSuscripcion}"
								itemLabel="#{car.nombre}" itemValue="#{car}" />
							<p:column>
								<h:outputText value="#{c.nombre}" />
							</p:column>
						</p:selectOneMenu>
                                <p:commandButton id="ajax" process="@form" update=":#{p:component('form')}" value="Activar" actionListener="#{activarPropietarioBean.activarPropietario}" oncomplete="PF('propDialog').hide()" />
                    </p:panelGrid>
        </p:outputPanel>
    </p:dialog>	
    	
</h:form>


</body>
</html>	
<!-- </ui:define>
</ui:composition> -->
